<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">
	<title>Document</title>
	<script src="./js/react.min.js"></script>
	<script src="./js/react-dom.min.js"></script>
	<script src="./js/babel.min.js"></script>
</head>
<body>
	<div id="example">
		
	</div>
</body>
<script type="text/babel">
	
	///组件首字母必须大写,且只能包含一个顶层标签(返回值里只能包含一个顶级标签).
	///添加组件属性，有一个地方需要注意，就是 class 属性需要写成 className ，for 属性需要写成 htmlFor ，这是因为 class 和 for 是 JavaScript 的保留字.
	var Hello = React.createClass({
		render(){
			return <div>hello,{this.props.name}</div>
		}
	});
	ReactDOM.render(
		<Hello name='XiaoHaiDong' />,
		document.getElementById('example')
	);
</script>
</html>
